<template>
    <div class="buyheader">
        <div class="buytop">
            <a href="/home"><i class=""> <van-icon name="bag-o" size="30" /></i></a>

        </div>
        <span class="buybody">值得买</span>
        <div class="buybottom ">
            <a href="/cart"><i class=""><van-icon name="cart-o" size="30" /></i></a>
        </div>
        <div class="buybottom twotwo">
            <a href=""><i class=""><van-icon name="fire-o" color="#ee0a24" size="30" /></i></a>
        </div>
    </div>
</template>

<script lang="ts" setup>

</script>

<script lang="ts">
export default {
    name: 'buyHeader'
}
</script>

<style lang="less" scoped>
.buyheader {
    z-index: 1;
    max-width: 768px;
    margin: auto;
    overflow: hidden;
    padding: 0 0.26rem 0 0.24rem;
    text-align: center;


    .buytop {

        display: block;
        float: left;
        font-size: 1rem;
    }

    .buybody {
        margin-left: 33px;
        line-height: 53px;
        font-size: 0.48rem;
    }

    .twotwo {
        margin-right: 15px;
    }

    .buybottom {
        // display: block;
        float: right;
        display: block;
        font-size: 1rem;
    }

}
</style>
